<template>
  <div class="wrapper">
    <h1>
      创作/发布
    </h1>
  </div>
</template>

<script>
export default {

}
</script>

<style scoped lang="less">
  .wrapper {
    height: var(--h);
    display: flex;
    align-items: center;
    justify-content: center;

    h1 {
      height: var(--ih);
      padding: 0 20px;

      line-height: var(--ih);
      font-size: calc(var(--ih) * 0.5);
      text-align: center;
      color: white;
      white-space: nowrap;

      border-radius: calc(0.5 * var(--ih));
      background-color: var(--blue);
      transition: .3s;

      &:hover {
        cursor: pointer;
        background-color: var(--darkBlue);
      }
    }
  }
</style>